草庐IT

React 组件

全部标签

javascript - 如何使用 ng2-dragula 拖放到多个 Angular2 组件

我有一个Angular2组件使用ng2-dragula像这样拖/放:@Component({selector:'my-comp',directives:[Dragula],viewProviders:[DragulaService],template:`...`})我的问题:如果我创建多个“my-comp”组件,“card-bag”中的项目不能拖/放这些组件,尽管它们具有相同的包名称。这些项目只能拖/放到它拥有的组件内。我们是否有任何跨组件拖放的配置,或者这是ng2-dragula的限制?谢谢。 最佳答案 如果您没有使用[dragu

javascript - Enzyme 的 shallow().text() 和 React Native 没有像我预期的那样工作

我试图通过enzyme对ReactNative测试有一些基本的了解。和react-native-mock.下面不包括:用于mocha的自定义编译器,以获得babel的优点。我的代码如下:Block.jsx:importReactfrom'react';import{View}from'react-native';exportdefault({title,ui})=>(Title:{title});Block.test.jsimport{shallow}from'enzyme';import{expect}from'chai';import{Block}from'../';importR

javascript - ReactJS:即使在重新渲染组件后复​​选框状态仍然存在

我创建了一个JSfiddle在这个fiddle中,最初根据传递给组件的props呈现一个复选框列表。单击Re-render按钮时,同一组件将使用一组不同的props进行渲染。现在,请按照以下步骤-加载jsfiddle选中任何一个复选框(假设我选中了第二个和第三个复选框)点击重新渲染按钮即使在使用新的props渲染组件后,您选中的复选框的状态仍保持不变(第2个和第3个仍处于选中状态)为什么会这样?我如何使用新的Prop集重新渲染组件,以便复选框的状态不会持续存在。 最佳答案 因为React的diffalgorithm很聪明。重新渲染新

javascript - Aurelia 组件未加载 View 模型

我目前正在尝试学习Aurelia我已经设法使用aurelia-cli设置了一个基本应用程序,现在我正在尝试构建一个自定义组件。我对Aurelia的印象是我可以设置这样的结构:>/app_folder>--/src>----app.html(rootcomponentview)>----app.js(rootcomponentview-model)>----/components>------/my-component>--------my-component.html(customcomponentview)>--------my-component.js(customcomponen

javascript - 使用 React.js 获取数据属性

为什么我要放data-*在每个htmlchildattribute所以我不会得到undefined通过点击parent?即Sometext通过这个例子我会得到item-1每当我在的边界附近单击时但每当我点击img或text/paragraph我得到undefined.但是当我设置data-item在children我变得正常了data值(value)。什么?附言。我得到的方式data-*例如handleClick(event){letdata=event.target.dataset['item']}......我做错了什么,我必须把每个childdata-*所以我不会得到undefi

javascript - 我应该为选项卡组件使用 react-router 吗?

我希望构建一个选项卡组件,其中一些选项卡将包含动态内容。我最初开始遵循本教程:CreatingatabscomponentwithReact在阅读了react-router之后,它似乎也可以解决这个问题。什么是更好的方法和/或它是否有所作为? 最佳答案 是的,这是ReactRouter的完美工作,因为它专注于简化单页应用程序的URL重定向过程。用于导航的选项卡的用例,绝对属于ReactRouter的范围。您可以为此使用ReactRouter3或4,但是ReactRouter4APIisonthehorizon文档看起来很棒。您可以在

javascript - 在 react.js 上下文中获取 html 元素的数据属性

CMS将变量作为data-rest-url属性传递给React.js应用程序:...如果我将jQuery添加到我的React.js应用程序,那么我可以简单地:componentWillMount(){const$reactRoot=$('#reactjs-root');constrestUrl=$reactRoot.attr('data-rest-url');}但为此添加jQuery?您将如何将一些变量从CMS传递到您的单页React应用程序并使用react.js读取/解析/获取它? 最佳答案 考虑将数据属性作为props传递给组件

javascript - 如何将 vanilla .js 添加到自定义 Vue 组件

我正在尝试添加一个简单的date-picker到自定义vue组件。我没有使用webpack,所以我想避免使用现成的.vue组件,我更愿意了解如何将简单的javascript添加到vue。我正在关注thisofficialvuetutorial我也看过thiscodepen但我无法让日期选择器出现。这是我的jsfiddle:HTML:应用程序.js:Vue.component('date-picker',{extends:Flatpickr,mounted(){this.Flatpickr(date-elem,{})}})如何在不需要.vue文件、webpack等的情况下轻松地将vani

javascript - 使用 map 时 react 'cannot read property of undefined'

我正在从teamtreehouse.com制作一个非常基本的React应用程序,并且我经常遇到"TypeError:Cannotreadproperty'onPlayerScoreChange'ofundefined"即使我正确地绑定(bind)了我的函数(我认为)'onPlayerScoreChange'是Grandparent组件中的一个方法,当用户点击“+”或“-”按钮更改玩家得分时执行。如果有人能解释出什么问题,那将非常有帮助,因为我想我在曾祖parent的构造函数中设置了this.onPlayerScoreChange=this.onPlayerScoreChange.bin

javascript - react native 圆变换翻译动画

您好,我希望animated.view像圆圈一样移动。我用窦想过这个,但它不起作用。有人知道该怎么做吗?我不想旋转View。它只是应该绕圈子移动。我是新来的本地人。如果有人能帮助我,那就太好了。//importlirariesimportReact,{Component}from'react';import{View,Text,StyleSheet,Animated,Button,TouchableOpacity}from'react-native';//createacomponentclassMyClassextendsComponent{constructor(){super()